<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>网上商城 - 首页</title>
    <style>
        /* 简单样式美化 */
        .container { width: 1000px; margin: 0 auto; padding: 20px; }
        .product { border: 1px solid #eee; padding: 10px; margin: 10px; display: inline-block; width: 200px; }
        .btn { padding: 8px 16px; background-color: #4CAF50; color: white; border: none; cursor: pointer; }
        .btn:hover { background-color: #45a049; }
    </style>
</head>
<body>
<%-- 引入公共导航栏（包含登录/注册链接） --%>
<jsp:include page="header.jsp"/>

<div class="container">
    <h1>欢迎来到网上商城</h1>
    <p>今日推荐商品：</p>

    <%-- 模拟商品展示（实际项目中可从数据库读取） --%>
    <div class="product">
        <h3>商品1：无线耳机</h3>
        <p>价格：¥299</p>
        <button class="btn">加入购物车</button>
    </div>

    <div class="product">
        <h3>商品2：机械键盘</h3>
        <p>价格：¥399</p>
        <button class="btn">加入购物车</button>
    </div>

    <div class="product">
        <h3>商品3：智能手表</h3>
        <p>价格：¥599</p>
        <button class="btn">加入购物车</button>
    </div>
</div>

<%-- 引入页脚 --%>
<jsp:include page="footer.jsp"/>
</body>
</html>